import React, { Component } from 'react'
import './footer.less'

class Footer extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <section className="footer">
        <div className="footer-intro grid-row">
          <div className="intro-text">
            <h3>我的世界</h3>
            <p>
              从16年开始有想法弄个自己的网站，苦于不知道如何设计排版。
              直到18年才开始去借鉴模仿完成。完成上线后没有一直维护。
              最近服务器被格式化了..然后之前博客源码又找不到了...只有从头开始咯~
            </p>
          </div>
          <div className="intro-link">
            <h3>相关链接</h3>
            <ul>
              <li>
                <a href="">文章</a>
              </li>
              <li>
                <a href="">轮子</a>
              </li>
              <li>
                <a href="">关于</a>
              </li>
            </ul>
          </div>
          <div className="intro-about">
            <h3>关于</h3>
            <p>
              本站基本上参照<a href="">剧中人</a>的网站开发
            </p>
          </div>
        </div>
        <div className="footer-tech">
          <p>design & code by @zwhu,base on koa + mongoDB + react + webpack</p>
        </div>
      </section>
    )
  }
}

export default Footer
